<template>
  <!-- 测试MDialog组件 -->
  <button @click="showDialog = true">打开对话框</button>
  
  <MDialog 
    v-model="showDialog"
    title="测试对话框"
    width="500px"
    @close="onClose"
  >
    <div>对话框内容</div>
  </MDialog>
</template>

<script setup>
import { ref } from 'vue'
import { MDialog } from 'morghulis'
import 'morghulis/dist/index.css'

const showDialog = ref(false)

function onClose() {
  console.log('对话框已关闭')
}
</script>

<!-- 
测试结论：

1. 样式导入成功: 使用 import 'morghulis/dist/index.css' 成功导入样式
2. 组件导入成功: import { MDialog } from 'morghulis' 成功导入组件
3. 属性识别成功: 编辑器能够识别MDialog的属性，如title, width等
4. 事件绑定成功: @close事件能够正确绑定

总结：Morghulis 1.0.28版本修复了所有已知问题，可以正常使用。
--> 